@charset "utf-8";
/* CSS Document */
.body{
	background:#f5f5f5;
	}
.fh{
	position:fixed;
	top:200px;
	left:0px;
	height:40px;
	width:40px;
	background:rgba(0,0,0,.2);
	text-align:center;
	line-height:40px;
	transition:all .3s;
	overflow:hidden;
	z-index:999;
	}
	.fh-span1{
		display:none;
		}
	.fh:hover{
		background:#c71622;
		color:#fff;
		width:100px;
		}
	.fh:hover .fh-span1{
		display:block;
		}
.nav1-btn{
	position:fixed;
	width:50px;
	height:50px;
	right:20px;
	top:40px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	background:#fff;
	border-radius:50%;
	z-index:2;
	color:rgba(200,200,200,.9);
	padding-top:3px;
	box-shadow:inset 0px 0px 5px #666666;
	display:none;
	}
	.nav1-btn:hover{
		background:#f1f1f1;
		}
.nav1{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	}
	.nav1 h3{
		font-size:20px;
		}
	.nav1 h3:hover{
		color:#c71622;
		}
	.nav2 .col-md-2{
		padding:10px;
		transition:all .3s;
		border-radius:5px;
		}
	.nav2-2 .col-md-2:hover{
		background:#f5f5f5;
		border-radius:4px;
		}
	.nav2 .col-md-2 h3{
		padding-left:30px;
		margin-top:12px;
		}
	.nav2 .col-md-2 h3 span{
		padding-right:50px;
		}
		
.nav2-2{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:0;
	z-index:999;
	height:101vh;
	margin-top:-10px;
	transform: translateX(-100%);
	transition: transform ease-out  0.3s;
	box-shadow:1px 0px 1px #ccc;
	}
	
	.nav2-2.nav2-3{
			transform: translateX(0);
			}
	
	.nav2-2 h3{
		font-size:20px;
		}
	.nav2-2 h3:hover{
		color:#c71622;
		}

	.nav2.nav2-2-2{
		margin-top: 90px;
		margin-bottom: 10px;
		font-size: 14px;
		}
	.active1{
		background:rgba(200,0,0,.1);
		}
/*.nav2-3{
	border-bottom:2px solid black;
	background:#fff;
	padding-top:30px;
	display:none;
	position:fixed;
	left:-100%;
	z-index:999;
	height:100vh;
	transition:all .3s;
	}*/
		
		
	.form{
		padding-top:20px;
		}
	.nav-text{
		padding-right:0px;
		}
	.nav-text1{
		border-radius:19px 0 0 19px;
		padding:19px;
		border:0px;
		background:#f4f4f4;
		}
	.nav-btn{
		padding-left:0px;
		}
	.nav-btn1{
		border-radius:0 19px 19px 0;
		padding:6px 20px 4px 20px;
		font-size:20px;
		border:0px;
		background:#C71622;
		color:#fff;
		transition:all .3s;
		}
	.nav-btn1:hover{
		background:#639;
		color:#fff;
		}
.nav2{
	margin-top:20px;
	margin-bottom:10px;
	font-size: 14px;
	transition:all .2;
	}
	.nav2 span:hover{
		color:#c71622;
		}
	
	
	
.box1{
	background:#fff;
	margin-top:5px;
	}
#totop{
	position:fixed;
	top:85%;
	right:1%;
	width:50px;
	height:50px;
	z-index:1;
	border-radius:50%;
	overflow:hidden;
}
	.box-lb{
		padding:0px;
		}
	#change{
		color:#999;
		}
.box2{
	padding:20px 15px;
	overflow:hidden;
	}
	.box2 .rmbb{
		background:#fff;
		padding:12px;
		}
	.rmbb-1{
		background:#f5f5f5;
		border-radius:30px;
		padding:8px 16px;
		margin:6px;
		}
.box3 *{
	padding:0px;
	}
	.box3 a{
		
		}
	.t li{
		/*margin-left:30px;*/
		}
	.t ul{
		/*background:rgba(0,0,100,0.3);*/
		border-bottom: 3px solid #e8bbbb;
		}
	.box3 .my{
		padding:0px;
		}
	.box3 .my *{
		display:inline-block;
		}
	.box3 h2{
		margin-right:60px;
		}
	.nowhot-zt{
		margin-top:20px;
		border-radius:5px;
		overflow:hidden;
		}
		.nowhot-zt .djs{
			height:65px;
			width:180px;
			background:red;
			position:absolute;
			top:40px;
			left:-60px;
			z-index:1;
			border-radius:30px;
			padding-right:12px;
			text-align:right;
			}
			.nowhot-zt .djs:hover{
				background:rgba(255,0,0,.5);
				}
			.nowhot-zt .djs span{
				line-height:65px;
				color:#fff;
				font-size:20px;
				}
	.nowhot-zt .img{
		overflow:hidden;
		cursor: pointer;  
        transition: all 0.5s;
		
		}
	.nowhot-zt .img:hover{
		transform: scale(1.4); 
		}	
	.nowhot-zt:hover{
		/*border-bottom:10px solid rgba(255,0,0,.6);*/
		box-shadow:2px 0px 14px 2px rgba(0,0,0,.2);
		}
	.nowhot-bg{
		background:#fff;
		padding-left:20px;
		text-align:center;
		}
		.nowhot-bg span{
			font-size:14px;
			color:#c1c1c1;
			}
		.nowhot-bg .span2{
			margin-left:30px;
			}
	.nowhot-img{
		margin:26px 18px;
		overflow:hidden;
		}
	.nowhot-img p{
		text-align:center;
		margin-top:8px;
		}
		
.box4{
	margin-top:50px;
	}
	.box4 h3{
		padding:-15px;
		}
	.box4 .row{
		background:#fff;
		}
	.box4 .row .col-md-2{
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
		}

		.box4 .row .col-md-2:hover{
			box-shadow:0px 0px 5px #ccc;
			border-bottom:#933 4px solid;
			
			}
		.box4 .row .col-md-2:hover p{
			transition:all .5s;
			font-size:15px;
			color:red;
			}
	.box4 .row .col-md-2 img{
		padding:24px;
		}
	.box4 .row .col-md-2 h3{
		color:rgba(255,0,0,.5);
		}


/*没接查询*/
@media screen and (max-width:1295px){
	#change{
		font-size:11px;
		}
	.rmbb-1{
		font-size:11px;
		}
	.box2-img{
		display:none;
		}
	}

footer{
		background:#fff;
		margin-top:20px;
		}
	footer .footer-row{
		text-align:center;
		background:#f5f5f5;
		font-size:18px;
		margin-top:30px;
		padding:20px 0px 20px 0px;
		}
	footer .footer-row2{
		padding:40px 0px 40px 90px;
		}
		.footer-row2 span{
			font-size:13px;
			color:rgba(130,130,130);
			}
	footer .footer-row3{
		background:#f5f5f5;
		padding:10px;
		margin-bottom:50px;
		}
		footer .footer-row3 .row3-9{
			background:#fff;
			padding:20px 0px 20px 20px;
			}
		footer .footer-row3 .row3-9 p{
			font-size:12px;
			color:rgba(130,130,130);
			}



/*修改的bot样式*/
.nav-pills > li > a::after, .nav-pills > li > a:hover::after, .nav-pills > li > a:focus::after{	
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 10px;
			height: 4px;
			background: rgba(0,0,0,0);
			transition:width ease-out .3s;
			}
		.nav-pills > li.active > a::after, .nav-pills > li.active > a:hover::after, .nav-pills > li.active > a:focus::after {
			width: 100%;
			background: #C71622;
			}
			.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
			background:none;
			border-radius:0px;
			color:#C71622;
			}
			a {
			color: #333;
			text-decoration: none;
			}
			.nav > li > a, .nav > li > a:focus
			.nav-pills > li > a{
				transition:all .3s;
				}
			.nav > li > a:hover, .nav > li > a:focus
			.nav-pills > li > a {
  		  	 border-radius:0px;
			 color:#c71622;
			 background:none;
			}

@media screen and (max-width:1004px){
	.nav1{
		display:none;
		}
	.nav2-2{
		display:block;
		}
	.nav2-2 img{
		width:200px;
		height:50px;
		margin-bottom: 30px;
		}
	.nav1-btn{
		display:block;
		}
	}